$(function () {
    $('#uploadFrom').submit(upload);
});

function upload(event) {
   event.preventDefault(); // 阻止表单的默认提交行为
   // 检查是否有文件被选择
    const fileInput = $('#head-image')[0];
    if (fileInput.files.length === 0) {
        alert('请选择要上传的文件');
        return false;
    }

    // 获取选择的文件
    const file = fileInput.files[0];
    // 获取文件名
    const fileName=$('#fileName').val();
    // 获取ossToken 临时凭证
    const ossToken=JSON.parse($('#ossToken').val());
    const client = new OSS({
        region: 'cn-beijing', // 根据你的Endpoint修改
        accessKeyId: ossToken.accessKeyId,
        accessKeySecret: ossToken.accessKeySecret,
        stsToken: ossToken.securityToken,
        bucket: ossToken.bucketName,
        endpoint: ossToken.endpoint
    });
    // 3. 上传文件到OSS
    client.put(fileName, file)
        .then(result => {
            $('#result').html(`
                    <div class="alert alert-success">
                        <p>上传成功!</p>
                        <p>文件URL: <a href="${result.url}" target="_blank">${result.url}</a></p>
                        <img src="${result.url}" class="img-thumbnail" style="max-height: 200px;">
                    </div>
                `);
        })
        .catch(err => {
            $('#result').html(`
                    <div class="alert alert-danger">
                        上传失败: ${err.message}
                    </div>
                `);
            alert("上传失败");
        })
    return false;
}